/*
 * Questa funzione crea uno smokey popup contenente il codice html dato
 * e restituisce il nuovo codice html
 * in pratica è un wrapper
 */
function createSmokeyPopup(html){
    document.getElementById("popupContainer").innerHTML=''+
    '<div class="smokey"></div>'+
    '<div class="popup">'+
    '<a class="ctrlPopup" href="javascript:void(0)" onclick="closePopup()">chiudi</a>'+
    html+
    '</div>';
}

function closePopup(){
    document.getElementById("popupContainer").innerHTML='';
}


function showSmokeyRegistrationPopup(){
    var html = ''+
    '    <h2>registrazione</h2>'+
    '    <p>Sei gi&agrave; registrato su...?</p>'+
    '    <span class="siteIcon">'+
    '        <img src="img/google.png" alt="google"/>'+
    '        <p>Google</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/yahoo.png" alt="yahoo"/>'+
    '        <p>Yahoo!</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/myspace.png" alt="my space"/>'+
    '        <p>MySpace</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/facebook.png" alt="facebook"/>'+
    '        <p>Facebook</p>'+
    '    </span>'+
    '    <span class="siteIcon">'+
    '        <img src="img/wordpress.png" alt="wordpress"/>'+
    '        <p>Wordpress</p>'+
    '    </span>'+
    '    <p>Oppure sei registrato su un altro sito OpenId?</p>'+
    '    <form method="POST" >'+
    '        <p>'+
    '            <label>Indirizzo del sito:</label>'+
    '            <input type="text" id="sitoOpenId"/>'+
    '            <input type="submit" value="registrati" class="myButton"/>'+
    '        </p>'+
    '    </form>'+
    '    <p>Oppure <a href="Controller?action=mostraRegistrazioneUtenteSito">registrati</a> sul nostro sito!</p>';
    createSmokeyPopup(html);
    
}

function createBaloonPopup(html){
    document.getElementById("popupContainer").innerHTML=''+
    '<div id="baloonPopup">'+
    '   <div class="popupHeader">'+
        //mettere il triangolo che fa da fumetto
    '   </div>'+
    '   <div class="popupBody">'+
    '       <a class="ctrlPopup" href="javascript:void(0)" onclick="closePopup()">chiudi</a>'+
            html+
    '   </div>'+
    '</div>';
}

function showLoginBaloonPopup(e){
    html=''+
    '<h2>Login</h2>'+
    '<form class="myForm" method="POST" action="Controller">'+
    '   <p>'+
    '       <label>Indirizzo e-mail</label>'+
    '       <input type="text" name="mail"/>'+
    '   </p>'+
    '   <p>'+
    '       <label>Password</label>'+
    '       <input type="password" name="password"/>'+
    '   </p>'+
    '    <input class="myButton" type="submit" value="login"/>'+
    '</form>'+
    '<p>Non sei ancora registrato? <a href="javascript:void(0)" onclick="showSmokeyRegistrationPopup();">Registrati ora!</a></p>';    
    createSmokeyPopup(html);
    
//    top = e.clientX-20-100;
//    left = e.clientY-20;
//    document.getElementById("baloonPopup").style.top=top;
//    document.getElementById("baloonPopup").style.left=left;
    
}

function clear(where){
    document.getElementById(where).innerHTML='';
}

function showHint(hint, par){
    hideAllHints();
    document.getElementById(hint).className = "selected";
}

function hideAllHints(){
    //Create Array of All p
    allP = document.getElementsByTagName("tr");

    //Loop through all tags using a for loop
    for (i=0; i<allP.length; i++) {
        //Get all tags with the specified class name.
        if (allP[i].className=="selected") {

            allP[i].className = "unselected";
        }
    }
}
